<template>
  <div id="app">
    <router-view v-show="'diany'==type"></router-view>
    <router-view v-show="'tongc'==type" name="tongc"></router-view>
    <router-view v-show="'my'==type" name="my"></router-view>
    <Tabbar></Tabbar>
  </div>
</template>
<script>
  import Tabbar from './components/Tabbar.vue'
  export default {
    data: function () {
      return {
        type: 'diany'
      }
    },
    mounted () {
      this.bus.$on('tabbar', function (type) {
        this.type = type
        console.log(this.type)
      }.bind(this))
    },
    components: {Tabbar}

  }
</script>
<style>
  body {
    margin: 0;
    padding: 0;
  }

  li {
    list-style: none;

  }

  a {
    text-decoration: none;
  }

  i {
    font-style: normal;
  }

  div, ul, li, dd, dt, dl, span, p {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
</style>
